﻿@using System.Web.Optimization
<!doctype html>
<html lang="en" ng-app="erpstore" ng-controller="MainCtrl">
<head>
	<meta charset="utf-8">
	<title>ERPStore - Front eCommerce</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="ERPStore">
	<meta name="author" content="ERPStore">
	<meta name="fragment" content="!" />
	@Styles.Render("~/bundles/bootstrap")
	<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
      <script src="/scripts/html5shiv.js"></script>
    <![endif]-->
</head>
<body>
	<div class="container">

		<header>
			<div class="navbar navbar-inverse">
				<div class="navbar-inner">
				<div class="container">
					<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
						<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar">
						</span>
					</button>
					<a class="brand" href="/#!/home">ERPStore</a>
					<div class="nav-collapse collapse">
						<ul class="nav">
							<li><a href="/#!/about">About</a></li>
							<li ng-hide="cart.Code == null">
								<a href="/#!/cart/view/{{cart.Code}}"><b>My Cart {{cart.Items.length}} item(s)</b></a>
							</li>
							<li ng-hide="user.IsAuthenticated == true">
								<a href="@Url.LoginHref()">Login</a>
							</li>
							<li ng-hide="user.IsAuthenticated == false" class="dropdown">
								<a href="/account" class="dropdown-toggle" data-toggle="dropdown">
									{{user.FirstName}} {{user.LastName}}
									<b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li><a href="@Url.LogoffHref()"><i class="icon-off"></i> Logoff</a></li>
								</ul>
							</li>
						</ul>
						<form class="navbar-search pull-left">
							<div class="input-append">
								<input type="search" class="span4" placeholder="search" ng-model="query" ui-keypress="{ enter: 'search()'}">
								<button class="btn" type="button" ng-click="search()">Go</button>
							</div>
						</form>
					</div>
					<!--/.nav-collapse -->
				</div>
			</div>
			</div>
		</header>

		<header class="jumbotron subhead" id="overview">
			<div class="row">
				<div class="span12">
					<ul class="breadcrumb">
						<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" ng-repeat="breadcrumb in breadcrumbs">
							<a href="{{breadcrumb.Url}}" title="{{breadcrumb.Title}}" ng-show="breadcrumb.Url != null">{{breadcrumb.Name}}</a><span ng-show="breadcrumb.Url == null">{{breadcrumb.Name}}</span> <span class="divider" ng-show="!$last">/</span>
						</li>
					</ul>
				</div>
			</div>
		</header>

		@RenderBody()

		<hr />

		<footer>
			<p>&copy; @DateTime.Now.Year - ERPStore ASP.NET MVC Application</p>
		</footer>
	</div>
	@Scripts.Render("~/bundles/jquery")
	@Scripts.Render("~/bundles/bootstrapjs")
	@Scripts.Render("~/bundles/angularjs")
	@Scripts.Render("~/bundles/angular-ui")
	@Scripts.Render("~/bundles/angular-ui-bootstrap")
	@Scripts.Render("~/bundles/erpstore")
</body>
</html>
